<template>
  <div class="home">
	<van-nav-bar title="首页" style="background-color: #42B983;"></van-nav-bar>
	<div class="content">
		<div class="allsr">
			<div style="font-size: 20px;margin-top: 40px;color: green;">总收入</div>
			<div style="font-size: 20px;color: green;">￥3600</div>
		</div>
		<div class="allzc">
			<div style="font-size: 20px;margin-top: 40px;color: red;">总支出</div>
			<div style="font-size: 20px;color: red;">￥2500</div>
		</div>
	</div>
  </div>
</template>

<script>

export default {
  name: 'Home',
}
</script>
<style scoped="scoped">
	.allsr{
		width: 160px;
		height: 160px;
		border: 1px solid gray;
		background-color: #FFFFFF;
		border-radius: 120px;
		position: absolute;
		margin: auto;
		top: 100px;
		left: 0;
		right: 0;
		line-height: 40px;
		text-align: center;
	}
	.allzc{
		width: 160px;
		height: 160px;
		border: 1px solid gray;
		background-color: #FFFFFF;
		border-radius: 120px;
		position: absolute;
		margin: auto;
		top: 140px;
		left: 0;
		right: 0;
		bottom: 0;
		line-height: 40px;
		text-align: center;
	}
</style>
